<template>
	<view>
		<!-- 导航 -->
		<view class="navigation">
			<uni-nav-bar :shadow="false" leftText="返回" left-icon="left" title="缴费记录" @clickLeft="back"
				:border="false" />
			<view class="bot">
				<view class="bot_box">
					<view class="bot_le">
						全部
					</view>
					<view class="bot_ri">
						缴费类型
						<uni-icons custom-prefix="iconfont" type="icon-sanjiaoxing" size="25rpx"
							color="#323232"></uni-icons>
					</view>
				</view>
			</view>
		</view>
		<!-- 头部 -->
		<view class="head">
			<view class="head_box">
				<view class="head_le">
					清水湾1号楼1单元2203
					<uni-icons custom-prefix="iconfont" type="icon-jiantoudown" size="20rpx"
						color="#636363"></uni-icons>
				</view>
				<view class="head_ri">
					2021-09
					<uni-icons custom-prefix="iconfont" type="icon-sanjiaoxing" size="20rpx"
						color="#636363"></uni-icons>
				</view>
			</view>
		</view>
		<!-- 列表 -->
		<view class="list">
			<view class="list_box">
				<view class="matter">
					<view class="matter_head">
						物业费账单
					</view>
					<view class="text">
						<!-- 1 -->
						<view class="matter_text">
							<view class="matter_text_le">
								房号
							</view>
							<view class="matter_text_ri">
								1201
							</view>
						</view>
						<!-- 2 -->
						<view class="matter_text">
							<view class="matter_text_le">
								账单
							</view>
							<view class="matter_text_ri">
								2021-4-1至2021-10-15
							</view>
						</view>
						<!-- 3 -->
						<view class="matter_text">
							<view class="matter_text_le">
								账单金额
							</view>
							<view class="matter_text_ri">
								￥360.00元
							</view>
						</view>
						<!-- 4 -->
						<view class="matter_text">
							<view class="matter_text_le">
								缴费时间
							</view>
							<view class="matter_text_ri">
								2021-10-10
							</view>
						</view>
						<!-- 5 -->
						<view class="matter_text">
							<view class="matter_text_le">
								付款方式
							</view>
							<view class="matter_text_ri">
								微信支付
							</view>
						</view>
					</view>

				</view>
			</view>
		</view>
		<!-- 2 -->
		<view class="list">
			<view class="list_box">
				<view class="matter">
					<view class="matter_head">
						物业费账单
					</view>
					<view class="text">
						<!-- 1 -->
						<view class="matter_text">
							<view class="matter_text_le">
								房号
							</view>
							<view class="matter_text_ri">
								1201
							</view>
						</view>
						<!-- 2 -->
						<view class="matter_text">
							<view class="matter_text_le">
								账单
							</view>
							<view class="matter_text_ri">
								2021-4-1至2021-10-15
							</view>
						</view>
						<!-- 3 -->
						<view class="matter_text">
							<view class="matter_text_le">
								账单金额
							</view>
							<view class="matter_text_ri">
								￥360.00元
							</view>
						</view>
						<!-- 4 -->
						<view class="matter_text">
							<view class="matter_text_le">
								缴费时间
							</view>
							<view class="matter_text_ri">
								2021-10-10
							</view>
						</view>
						<!-- 5 -->
						<view class="matter_text">
							<view class="matter_text_le">
								付款方式
							</view>
							<view class="matter_text_ri">
								微信支付
							</view>
						</view>
					</view>

				</view>
			</view>
		</view>
		<!-- 3 -->
		<view class="list">
			<view class="list_box">
				<view class="matter">
					<view class="matter_head">
						物业费账单
					</view>
					<view class="text">
						<!-- 1 -->
						<view class="matter_text">
							<view class="matter_text_le">
								房号
							</view>
							<view class="matter_text_ri">
								1201
							</view>
						</view>
						<!-- 2 -->
						<view class="matter_text">
							<view class="matter_text_le">
								账单
							</view>
							<view class="matter_text_ri">
								2021-4-1至2021-10-15
							</view>
						</view>
						<!-- 3 -->
						<view class="matter_text">
							<view class="matter_text_le">
								账单金额
							</view>
							<view class="matter_text_ri">
								￥360.00元
							</view>
						</view>
						<!-- 4 -->
						<view class="matter_text">
							<view class="matter_text_le">
								缴费时间
							</view>
							<view class="matter_text_ri">
								2021-10-10
							</view>
						</view>
						<!-- 5 -->
						<view class="matter_text">
							<view class="matter_text_le">
								付款方式
							</view>
							<view class="matter_text_ri">
								微信支付
							</view>
						</view>
					</view>

				</view>
			</view>
		</view>
		<!-- 4 -->
		<view class="list">
			<view class="list_box">
				<view class="matter">
					<view class="matter_head">
						物业费账单
					</view>
					<view class="text">
						<!-- 1 -->
						<view class="matter_text">
							<view class="matter_text_le">
								房号
							</view>
							<view class="matter_text_ri">
								1201
							</view>
						</view>
						<!-- 2 -->
						<view class="matter_text">
							<view class="matter_text_le">
								账单
							</view>
							<view class="matter_text_ri">
								2021-4-1至2021-10-15
							</view>
						</view>
						<!-- 3 -->
						<view class="matter_text">
							<view class="matter_text_le">
								账单金额
							</view>
							<view class="matter_text_ri">
								￥360.00元
							</view>
						</view>
						<!-- 4 -->
						<view class="matter_text">
							<view class="matter_text_le">
								缴费时间
							</view>
							<view class="matter_text_ri">
								2021-10-10
							</view>
						</view>
						<!-- 5 -->
						<view class="matter_text">
							<view class="matter_text_le">
								付款方式
							</view>
							<view class="matter_text_ri">
								微信支付
							</view>
						</view>
					</view>

				</view>
			</view>
		</view>
		<!-- 5 -->
		<view class="list">
			<view class="list_box">
				<view class="matter">
					<view class="matter_head">
						物业费账单
					</view>
					<view class="text">
						<!-- 1 -->
						<view class="matter_text">
							<view class="matter_text_le">
								房号
							</view>
							<view class="matter_text_ri">
								1201
							</view>
						</view>
						<!-- 2 -->
						<view class="matter_text">
							<view class="matter_text_le">
								账单
							</view>
							<view class="matter_text_ri">
								2021-4-1至2021-10-15
							</view>
						</view>
						<!-- 3 -->
						<view class="matter_text">
							<view class="matter_text_le">
								账单金额
							</view>
							<view class="matter_text_ri">
								￥360.00元
							</view>
						</view>
						<!-- 4 -->
						<view class="matter_text">
							<view class="matter_text_le">
								缴费时间
							</view>
							<view class="matter_text_ri">
								2021-10-10
							</view>
						</view>
						<!-- 5 -->
						<view class="matter_text">
							<view class="matter_text_le">
								付款方式
							</view>
							<view class="matter_text_ri">
								微信支付
							</view>
						</view>
					</view>

				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			
			back() {
				uni.navigateBack({
					delta: 1
				})
			}
		}
	}
</script>

<style lang="less">
	@import url('../../static/css/PayTheFees/PayTheFees.less');
</style>